#ifndef WEBSERVER_CSS_H
#define WEBSERVER_CSS_H

CREATE_TEXT_FILE(main, css, CSS, "\
*{\
margin:0;\
padding:0;\
border:0;\
}\
body{\
font-family:Arial, Verdana, Helvetica, sans-serif;\
font-size:100.01%;\
font:12px tahoma;\
width:100%;\
color:#000;\
background-color:#004B90;\
}\
input:focus{\
outline:none;\
border-color:rgba(125,190,241,.75);\
border-radius:5px;\
-moz-border-radius:5px;\
-webkit-border-radius:5px;\
box-shadow:0 0 8px rgba(125,190,241,.5);\
-moz-box-shadow:0 0 8px rgba(125,190,241,.5);\
-webkit-box-shadow:0 0 8px rgba(125,190,241,.5);\
}\
input{\
border:1px solid #aaa;\
min-width:20px;\
max-width:70px;\
height:20px;\
font-size:14px;\
background:#FFF;\
border-radius:5px;\
-moz-border-radius:5px;\
-webkit-border-radius:5px;\
transition:border linear .2s,box-shadow linear .2s;\
-moz-transition:border linear .2s,-moz-box-shadow linear .2s;\
-webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;\
}\
.button{\
outline:none;\
min-width:77px;\
color:#000;\
font-size:12px;\
font-weight:bold;\
padding:0px 0px 2px;\
border:1px solid grey;\
background:#D4DEEA;\
}\
.button:hover{\
color:white;\
background:#248bea;\
}\
a{\
color:white;\
text-decoration:none;\
}\
a:hover{\
color:yellow;\
}\
");

CREATE_TEXT_FILE(extend, css, CSS, "\
.fly {\
margin:20px auto;\
background:white;\
color:black;\
width:95%;\
height:80%;\
border:1px dotted #009fce;\
border-radius:5px;\
-moz-border-radius:5px;\
-webkit-border-radius:5px;\
font:12px tahoma;\
}\
.menu{\
text-align:center;\
}\
.menu a{\
width:92px;\
height:26px;\
padding:5px 2px 5px;\
color:#000;\
font-size:14px;\
border:1px solid #248bea;\
border-radius:5px;\
-moz-border-radius:5px;\
-webkit-border-radius:5px;\
}\
.menu a:visited{\
color:#000;\
}\
.menu a:hover{\
color:white;\
background:#248bea;\
}\
.fly h1{\
background:#009fce;\
color:white;\
height:20px;\
text-align:center;\
font-size:16px;\
border-bottom:2px solid black;\
border:1px solid #009fce;\
border-radius:5px;\
-moz-border-radius:5px;\
-webkit-border-radius:5px;\
}\
.fly h2{\
background:#306688;\
color:white;\
height:16px;\
text-align:center;\
font-size:12px;\
border:1px solid #009fce;\
border-radius:5px;\
-moz-border-radius:5px;\
-webkit-border-radius:5px;\
}\
#subm\
{\
text-align:center;\
}\
#right{\
border:1px solid #009fce;\
border-radius:5px;\
-moz-border-radius:5px;\
-webkit-border-radius:5px;\
min-height:300px;\
min-width:450px;\
background:#EEE;\
margin-left:13px;\
margin-right:13px;\
margin-top:13px;\
margin-bottom:5px;\
overflow:auto;\
}\
.settings{\
text-align:left;\
padding-left:5px;\
padding-right:5px;\
margin-bottom:10px;\
}\
");

#endif // WEBSERVER_CSS_H